<template>
  <div class="new-page home">
    <div class="top">
      <a-config-provider :autoInsertSpaceInButton="false">
        <a-button
          type="primary"
          size="large"
          :autoInsertSpaceInButton="false"
          style="border-radius:0px;width:96px"
        >新增</a-button>
      </a-config-provider>
    </div>
    <div class="center">
      <div class="title">施工单位食堂门口</div>
      <div class="content flexStart">
        <div>设立时间：2021年3月11日</div>
        <div>负责人：张晓</div>
        <div>最后更新时间：2021年3月11日</div>
      </div>
      <div class="img">
        <img src="@/assets/img/weiquan.png" width="327px" height="212px" alt />
      </div>

      <div class="title">员工宿舍</div>
      <div class="content flexStart">
        <div>设立时间：2021年3月11日</div>
        <div>负责人：张晓</div>
        <div>最后更新时间：2021年3月11日</div>
      </div>
      <div class="img flexStart">
        <div>
          <img src="@/assets/img/weiquan.png" width="327px" height="212px" alt />
        </div>
        <div>
          <img src="@/assets/img/weiquan.png" width="327px" height="212px" alt />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scope lang="less">
.home {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
}
.top {
  margin-bottom: 10px;
  background: #fff;
  padding: 18px 30px;
}
.center {
  padding: 15px 30px;
  background: #fff;
}
.title {
  font-size: 20px;
  color: #333333;
  height: 50px;
  padding-top: 11px;
  line-height: 31px;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 19px;
  margin-bottom: 25px;
}
.content {
  font-weight: 400;
  color: #999999;
  // line-height: 31px;
  font-size: 16px;
  margin-bottom: 30px;
}
.content div {
  margin-right: 60px;
}
.img {
  width: 327px;
  height: 212px;
  margin-bottom: 30px;
}
.img div {
  margin-right: 44px;
}
</style>